<!DOCTYPE html>
<html class="ui-page-login">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/style.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/login.css"/>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 id='headerTitle' class="mui-title">注册</h1>
		</header>
		<div class="mui-content" style="padding:15vh 10vw 0 10vw">
			<div class="mui-row" style="text-align: center;">
				<img width="25%" height="25%" src="../../images/logo_2X.png"/>
			</div>
		
			<div class="mui-row" style="margin-top: 15vh;border-bottom: 1px solid #EEEEEE;">
				<div class="mui-col-xs-1 mui-col-sm-1">
					<div class="mui-row" style="color:#999999;float: left;height: 6vh;line-height: 6vh;">
						<i style="float: left;font-size: 1.5em;margin-right: 1vw;" class="iconfont icon-login"></i>	
					</div>
				</div>
				<div class="mui-col-xs-7 mui-col-sm-7">
					<div class="mui-row" style="color:#999999;float: left;height: 6vh;line-height: 6vh;">
						<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请填写手机号">
					</div>
				</div>
			</div>
			<div class="mui-row" style="margin-top: 2vh;">
				<div class="mui-col-xs-1 mui-col-sm-1" style="border-bottom: 1px solid #EEEEEE;">
					<div class="mui-row" style="color:#999999;float: left;height: 6vh;line-height: 6vh;">
						<i style="float: left;font-size: 1.5em;margin-right: 1vw;" class="iconfont icon-password"></i>	
					</div>
				</div>
				<div class="mui-col-xs-6 mui-col-sm-6" style="border-bottom: 1px solid #EEEEEE;">
					<div class="mui-row" style="color:#999999;float: left;height: 6vh;line-height: 6vh;">
						<input id='password' type='text' class="mui-input-clear mui-input" placeholder="请输入验证码">
					</div>
				</div>
				<div class="mui-col-xs-5 mui-col-sm-5">
					<div class="mui-row" style="float: right;height: 6vh;line-height: 6vh;">
						<button id='code' type="button" class="mui-btn mui-btn-blue">获取验证码</button>
					</div>
				</div>
			</div>
			<div style="margin-top: 5vh;">
				<div class="mui-row">
					<div class="mui-col-sm-1 mui-col-xs-1">
					</div>
					<div class="mui-col-sm-10 mui-col-xs-10">
						<div id='back' class="mui-row" style="text-align: center;font-size:0.8em;color: #ef4870;">
							返回登录
						</div>
					</div>
				</div>
			</div>
			<div class="mui-content-padded">
				<div class="mui-row">
					<div class="mui-col-sm-1 mui-col-xs-1">
					</div>
					<div class="mui-col-sm-10 mui-col-xs-10">
						<div class="mui-row">
							<button id='next' class="mui-btn mui-btn-block mui-btn-primary">下一步</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/resize.js" type="text/javascript" charset="utf-8"></script>
		<script>
			(function($, doc) {
				$.init();
				let backButton = document.getElementById('back');
				let nextButton = document.getElementById('next');
				$.plusReady(function() {
					backButton.addEventListener('tap',function(){
						plus.webview.close('reg','pop-out');
					},false)
				});				
				nextButton.addEventListener('tap',function(){
					$.openWindow({
							url: 'confirmPassword.html',
							id: 'confirmPassword',
							preload: true,
							show: {
								aniShow: 'pop-in'
							},
							styles: {
								popGesture: 'hide'
							},
							waiting: {
								autoShow: false
							}
						});
				},false)
			}(mui, document));
		</script>
	</body>

</html>